
{% extends 'base.html' %}
{% block customcss %}
<style>
body {
    line-height: 24px;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.#Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}
.layui-fluid {
    padding: 15px;
}
.layui-fluid {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}
.layadmin-tips {
    margin-top: 30px;
    text-align: center;
}
.layadmin-tips .layui-icon[face] {
    display: inline-block;
    font-size: 300px;
    color: #393D49;
}
.layadmin-tips .layui-text {
    width: 500px;
    margin: 30px auto;
    padding-top: 20px;
    border-top: 5px solid #009688;
    font-size: 16px;
}
.layui-text {
    line-height: 22px;
    font-size: 14px;
    color: #666;
}
.layadmin-tips h1 {
    font-size: 100px;
    line-height: 100px;
    color: #009688;
}
@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}


</style>
{% endblock %}
{% block content %}
      <div class="grid-demo-bg1">
         <div class="layui-row layui-col-space10">
            <div class="layui-fluid">
              <div class="layadmin-tips">
                <i class="layui-icon" face=""></i>
                <div class="layui-text">
                  <h1>
                    <span class="layui-anim layui-anim-loop layui-anim-">4</span>
                    <span class="layui-anim layui-anim-loop layui-anim-rotate" id="Rotation">0</span>
                    <span class="layui-anim layui-anim-loop layui-anim-">4</span>
                  </h1>
                    <h6><a href="/">返回首页</a></h6>
                </div>
              </div>
            </div>

            <style id="LAY_layadmin_theme">.layui-side-menu,.layadmin-pagetabs .layui-tab-title li:after,.layadmin-pagetabs .layui-tab-title li.layui-this:after,.layui-layer-admin .layui-layer-title,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{background-color:#3A3D49 !important;}.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#5FB878 !important;}.layui-layout-admin .layui-logo{background-color:#2F9688 !important;}}</style></body>

         </div>
      </div>
{% endblock %}